.green-agree-checkbox {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	overflow: hidden;
	input[type="checkbox"] {
		width: 0.2rem;
		height: 0.2rem;
		display: block;
		border-color: transparent;
		-webkit-appearance: radio;
		display: none;
	}
	input[type="checkbox"] + label {
		float: left;
		width: 0.36rem;
		height: 0.36rem;
		content: url("../../images/icon/icon-check.png");
	}

	input[type="checkbox"]:checked + label {
		content: url("../../images/icon/icon-checked.png");
	}

	&.green-agree-checkbox-circle {
		input[type="checkbox"] + label {
			float: left;
			width: 0.36rem;
			height: 0.36rem;
			content: url("../../images/icon/icon-check.png");
		}

		input[type="checkbox"]:checked + label {
			content: url("../../images/icon/icon-checked.png");
		}
	}
	&.green-agree-checkbox-xhb {
		input[type="checkbox"] + label {
			float: left;
			width: 0.36rem;
			height: 0.36rem;
			content: url("../../images/imageXHB/guide/checkbox_unselected@2x.png");
		}

		input[type="checkbox"]:checked + label {
			content: url("../../images/imageXHB/guide/checkbox_selected@2x 2.png");
		}
	}
	.text-wrapper {
		display: inline-block;
		width: calc(100% - 0.46rem);
		float: left;
		font-size: 0.24rem;
		color: #c3c3c3;
		margin-left: 0.1rem;
		line-height: 0.5rem;
	}
	.multi-line {
		display: inline-block;
		line-height: 0.5rem;
		margin-top: -4px;
	}
	.one-line {
		width: 100%;
	}
}
